
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="Book.css">
    <title>Document</title>
</head>
<body>
    
    <div class="top">
        <h2>网上图书商城<br>bookstore.com</h2>
        <p style="text-align: right; "><a href="">购物车</a>|<a href="">帮助中心</a>|<a href="">我的账户</a>|<a href="">新用户注册</a></p>
    </div>
    <div id="top0">
        <table align="center">
            <tr>
                <td><a href="https://gitee.com/AdminRDC/level-22-linux">文学</a></td>
                <td><a href="https://gitee.com/AdminRDC/level-22-linux">生活</a></td>
                <td><a href="https://gitee.com/AdminRDC/level-22-linux">计算机</a></td>
                <td><a href="https://gitee.com/AdminRDC/level-22-linux">外语</a></td>
                <td><a href="https://gitee.com/AdminRDC/level-22-linux">经管</a></td>
                <td><a href="https://gitee.com/AdminRDC/level-22-linux">励志</a></td>
                <td><a href="https://gitee.com/AdminRDC/level-22-linux">社科</a></td>
                <td><a href="https://gitee.com/AdminRDC/level-22-linux">学术</a></td>
                <td><a href="https://gitee.com/AdminRDC/level-22-linux">少儿</a></td>
                <td><a href="https://gitee.com/AdminRDC/level-22-linux">艺术</a></td>
                <td><a href="https://gitee.com/AdminRDC/level-22-linux">原版</a></td>
                <td><a href="https://gitee.com/AdminRDC/level-22-linux">科技</a></td>
                <td><a href="https://gitee.com/AdminRDC/level-22-linux">考试</a></td>
                <td><a href="https://gitee.com/AdminRDC/level-22-linux">生活百科</a></td>
                <td id="content"><a href="https://gitee.com/AdminRDC/level-22-linux">全部目录商品</a></td>
            </tr>
        </table>
    </div>
    <div class="Search">Search &nbsp <input type="text" placeholder="Search for books"><button>搜索</button></div>
    <div class="bodyMap">
        <p class="position">商品目录</p>
        <hr>
        <p class="position">计算机类</p>
        <hr>
        <div id="ust"><b>PRODUCT UST</b></div>
        <div>
            <div class="gallery">
                <div class="book-item">
                    <img src="..\bookcover\code.jpg" alt="tupian">
                    <div class="book-info">
                        <p>书名: 书名1</p>
                        <p>作者: 作者1</p>
                    </div>
                </div>
                <div class="book-item">
                    <img src="..\bookcover\dulala.jpg" alt="tupian">
                    <div class="book-info">
                        <p>书名: 书名2</p>
                        <p>作者: 作者2</p>
                    </div>
                </div>
                <div class="book-item">
                    <img src="..\bookcover\TS3.jpg" alt="tupian">
                    <div class="book-info">
                        <p>书名: 书名3</p>
                        <p>作者: 作者3</p>
                    </div>
                </div>
                <div class="book-item">
                    <img src="..\bookcover\TS5.jpg" alt="tupian">
                    <div class="book-info">
                        <p>书名: 书名4</p>
                        <p>作者: 作者4</p>
                    </div>
                </div>
                <div class="book-item">
                    <img src="..\bookcover\TS10.jpg" alt="tupian">
                    <div class="book-info">
                        <p>书名: 书名5</p>
                        <p>作者: 作者5</p>
                    </div>
                </div>
                <div class="book-item">
                    <img src="..\bookcover\TS6.jpg" alt="tupian">
                    <div class="book-info">
                        <p>书名: 书名6</p>
                        <p>作者: 作者6</p>
                    </div>
                </div>
                <div class="book-item">
                    <img src="..\bookcover\TS7.jpg" alt="tupian">
                    <div class="book-info">
                        <p>书名: 书名7</p>
                        <p>作者: 作者7</p>
                    </div>
                </div>
                <div class="book-item">
                    <img src="..\bookcover\TS8.jpg" alt="tupian">
                    <div class="book-info">
                        <p>书名: 书名8</p>
                        <p>作者: 作者8</p>
                    </div>
                </div>
                <div class="bottom">
                    <a href="Book.html">上一页</a>
                    <a href="Book.html">1</a>
                    <a href="Book2.html">2</a>
                    <a href="Book2.html">下一页</a>
                </div>
            </div>
        </div>
        <div><a href=""></a></div>
    </div>
    
    
</body>
</html>